<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ attribute name="title" required="true" %>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<style type="text/css">
		<%@ include file="/resources/css/bootstrap.min.css" %>
		<%@ include file="/resources/css/bootstrap-theme.min.css" %>
		<%@ include file="/resources/css/ace.min.css" %>
		<%@ include file="/resources/css/ace-skins.min.css" %>
	</style>
	<script>
		<%@ include file="/resources/js/jquery-2.1.1.min.js" %>
		<%@ include file="/resources/js/bootstrap.min.js" %>
		<%@ include file="/resources/js/ace.min.js" %>
		<%@ include file="/resources/js/ace-elements.min.js" %>
		<%@ include file="/resources/js/ace-extra.min.js" %>
		
	</script>
	<title>${title}</title>
</head>
<body>
	<div class="navbar navbar-default" id="navbar">
		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand">
					SIGNPORT
				</a>
			</div>
			<form class="navbar-form form-horizontal" action="videolist.jsp" method="GET" role="search">
				<div class="col-md-3 pull-right">
					<div class="input-group">
			            <input type="text" class="form-control" placeholder="Search" name="srchterm" id="srchterm">
			            <div class="input-group-btn">
			                <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
			            </div>
			        </div>
				</div>
			</form>
		</div>
	</div>
		
		
	<div class="main-container" id="main-container">
		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#">
				<span class="menu-text"></span>
			</a>
			<div class="sidebar" id="sidebar">
				<ul class="nav nav-list">
					<li><a href="/Signport/"><span class="menu-text">Main Page</span></a></li>
					<li><a href="/Signport/login"><span class="menu-text">Profile</span></a></li>
					<li><a href="http://9gag.com/"><span class="menu-text">Notifications</span></a></li>
					<li><a href="/Signport/videoadd"><span class="menu-text">Add Video</span></a></li>
					<li><a href="/Signport/forums.jsp"><span class="menu-text">Forum</span></a></li>
					<li><a href="http://9gag.com/"><span class="menu-text">FAQ</span></a></li>
					<li><a href="http://9gag.com/"><span class="menu-text">About Us</span></a></li>
					<li><a href="/Signport/logout"><span class="menu-text">Log Out</span></a></li>
				</ul>
			</div>
			<div class="main-content">
				<jsp:doBody/>
			</div>
		</div>
	</div>
	
	
	<!-- <div class="container">
		<div class="row page-header">
			<div class="col-md-2 logo">
				<h2>SIGNPORT</h2>	
			</div>
			<div class="col-md-10" class="search_bar">
				<form>
					<input type="search" class="form-control" placeholder="Search..."></input>
				</form>
			</div> 
		</div>
		<div class="row">
		<div class="col-md-2 menu_bar">
			<table>
				<tr>
					<td><a href="">Main Page</a></td>
				</tr>
				<tr>
					<td><a href="http://9gag.com/">Notifications</a></td>
				</tr>
				<tr>
					<td><a href="videoadd">Add Video</a></td>
				</tr>
				<tr>
					<td><a href="http://9gag.com/">Forum</a></td>
				</tr>
				<tr>
					<td><a href="http://9gag.com/">FAQ</a></td>
				</tr>
				<tr>
					<td><a href="http://9gag.com/">About us</a></td>
				</tr>
				<tr>
					<td><a href="login">Log in</a></td>
				</tr>
				</table>
			</div>	
		</div>
	</div>
	
	-->
</body>
</html>